<!DOCTYPE html>
<html>
<head>

    <title>Form validation using jQuery</title>

    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

	<!-- jqeury library, include in order to run the rest -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   
   <!-- toggle from advanced to normal  or vice versa  -->
   <script type="text/javascript" src="script/toggle.js"></script>
   
   <!--  states that when #custom_form is submitted, it has to be validated --> 
   <script type="text/javascript" src="script/triggerValidation.js"></script>
    
    <!--  validate the form  -->
    <script type="text/javascript" src="script/validate.js"></script> 
    
    <!-- stile -->
    <link href="css/style.css?upd=1.5" type="text/css" rel="stylesheet"/> 
    
    

</head>
<body>


    <div class="section">

    	<a href="#" id="change_form">Pass To Advanced Search</a>
 
 		<div id="campi_min">   		
	        <form action="http://www.google.it" id="custom_form">
	            
	 
	            	MINIMI
	            <p>
	                <strong>Length between 3-5 characters</strong> <em>validate_length length3-5</em><br/>
	                <textarea name="1" data-validation="validate_length length3-5" rows="4"></textarea>
	            </p>
	
			<div>
	                <strong>E-mail</strong> <em>validate_email</em><br/>
	                <input type="text" name="2" data-validation="validate_email"/> <br />
	                
	                <p>
	                  <input name="7" type="submit" value="Validate form"/>
	                </p>
	        </div>
	         
	        </form>
	   </div>
            
            <div id="campi_esosi">
	            
		            <form name="second_form" id="second_form" action="http://www.alice.it">
		            	ESOSI
			            <p>
			                <strong>Length between 3-10 characters</strong> <em>validate_length length3-5</em><br/>
			                <textarea name="ppp	" data-validation="validate_length length3-5" rows="4"></textarea>
			            </p>
			
			            <p>
			                <strong>E-mail good!</strong> <em>validate_email</em><br/>
			                <input type="text" name="qqq" data-validation="validate_email"/>
			            </p>
		
		              <p>
		                <input name="7" type="submit" value="Validate form"/>
		            </p>
	            </form>
            </div>

    </div>
    
    
        
    
    
    
    
</body>
</html>
